import * as React from 'react';
import {observer} from 'mobx-react'
import styles from './index.scss';

import CircleBar from '../../../home/CircleBar'
import CircleBarNew from '../../../home/CircleBarNew'

interface IProps {
    dataX?: string[]
    dataYB?: number[]
    dataYL?: number[]
}

@observer
class Home extends React.Component<IProps> {

    constructor(props) {
        super(props);
    }


    public render() {
        const {dataYL, dataYB, dataX} = this.props
        return (
            <div className={styles.left}>
                <div className={styles.title}>当前保养计划及完成情况</div>
                <div className={styles.EChart}>
                    <CircleBar dataX={dataX} dataYB={dataYB} dataYL={dataYL}/>
                </div>
            </div>
        );
    }
}

export default Home;
